<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>
<script>
    // 值类型
    // 全局
    // var a = 10;
    // var b = 20;

    // function fn(a,b){ // 形参
    //     // 局部
    //     a = 100;
    //     b = 200;
    //     console.log(a,b); // 100 200
    // }

    // fn(a,b);// fn(10,20)

    // console.log(a,b);  // 10 20



    // 引用类型
    // 全局变量
    // var obj = {
    //     a:10,  // 100
    //     b:20, // 200
    // }

    // function fn(data){// 形参(局部变量) data = obj => 浅复制(obj data引用同一片内存地址)
    //     data.a = 100;
    //     data.b = 200;
    //     console.log(data.a,data.b); // 100 200
    // }

    // fn(obj); //
    // console.log(data.a,data.b);  // 100 200



    function push(arr, ele) {// 形参(局部变量) 
        // arr = list   浅复制(arr list引用同一片内存地址)
        // ele = 4
        arr[arr.length] = ele;
        return arr.length; //返回新增元素后数组的长度
    }

    var list = [1, 2, 3];
    var result = push(list, "x");
    console.log(result);

    console.log(list);


</script>

</html>